www.gusucode.com > 8:【198-3690】html5响应式网站织梦模板源码 IT网络工作室整站(自适应手机) > 8:【198-3690】html5响应式网站织梦模板源码 IT网络工作室整站(自适应手机)/99impression/lunbo/lanrenzhijia.css
.zpxsbottom img{width:100%;height:100%;display:block} .zpxsbg{background:rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B3000000,endcolorstr=#B3000000);width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;display:none} .zpxsbg h2,.zpxsbg h3{font-size:48px;color:#fff;font-family:\5FAE\8F6F\96C5\9ED1;font-weight:normal} .zpxsbg h3{font-size:36px} .zpxsimg{transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)} .zpxsbottom:hover .zpxsimg{ transform:rotateX(0deg) rotateY(180deg) rotateZ(0deg);-moz-transform:rotateX(0deg) rotateY(180deg) rotateZ(0deg);-webkit-transform:rotateX(0deg) rotateY(180deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(180deg) rotateZ(0deg);-o-transform:rotateX(0deg) rotateY(180deg) rotateZ(0deg);z-index:0} .p_img{padding-top:126px; width:68px;height:68px; margin:0 auto; } #wrapper { width: 1170px; margin: 0 auto; } .rslides { margin: 0 auto 40px; } #slider2, #slider3 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; } .rslides_tabs { list-style: none; padding: 0; background: rgba(0, 0, 0, .25); box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0); font-size: 18px; list-style: none; margin: 0 auto 50px; max-width: 540px; padding: 10px 0; text-align: center; width: 100%; } .rslides_tabs li { display: inline; float: none; margin-right: 1px; } .rslides_tabs a { width: auto; line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline; } .rslides_tabs li:first-child { margin-left: 0; } .rslides_tabs .rslides_here a { background: rgba(255, 255, 255, .1); color: #fff; font-weight: bold; } .events { list-style: none; } .callbacks_container { margin-bottom: 50px; position: relative; float: left; width: 100%; } .callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .callbacks li { position: absolute; width: 100%; left: 0; top: 0; } .callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0, 0, 0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; } .callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 52%; left:50px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 73px; width: 40px; background: transparent url("../images/themes.png") no-repeat left top; margin-top: -45px; } .callbacks_nav:active { opacity: 1.0; } .callbacks_nav.next { left: auto; background-position: right top; right: 50px; } #slider3-pager a { display: inline-block; } #slider3-pager img { float: left; } #slider3-pager .rslides_here a { background: transparent; box-shadow: 0 0 0 2px #666; } #slider3-pager a { padding: 0; } .callbacks_nav { top: 47%; } } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }